<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="../../css/common/reset.css">
    <link rel="stylesheet" type="text/css" href="../../css/register/index.css">
</head>
<body>

<div class="biaodan">
    <form class="form">
        <ul>
            <li class="user inquiry">
                <input type="text" placeholder="请输入SIM号或手机号"  id="text">
            </li>
        </ul>
    </form>
    <a class="payment">
        <div class="inquiry" id="inquiry">查询</div>
    </a>
    <p class="inquiry_text">注意：请注册绑定SIM号码，以便流量查询和充值</p>
</div>
<div class="modal">
    <div class="input_prompt">
        <div class="title">
            <span>信息</span>
            <img src="image/close.png" alt="" class="close">
        </div>
        <div class="weep">
            <img src="image/weep.png" alt="">
            <span>备卡号信息不存在</span>
        </div>
        <div class="btn close">确定</div>
    </div>
</div>
<script type="text/javascript" src="../../js/jquery-1.12.3.min.js"></script>
<script type="text/javascript">
    $(function(){
        var modal = $('.modal')
        $('#inquiry').click(function(){
            var inputValue = $('#text').val()
            if(!inputValue){
                modal.fadeIn().show()
            }else{
                window.location.href = 'backInquiry.html'
            }
        })
        $('.close').click(function(){
            modal.hide()
        })
    })
</script>
</body>

</html>
